<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.fullPage.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		$(function(){
			$(".web").fullpage({
				
			});
			$.fn.fullpage.setAllowScrolling()
			$(".index img:nth-of-type(14)").click(function(){
				$.fn.fullpage.moveSectionDown();
			});
			$(".nei1 input:nth-of-type(1)").click(function(){
				$.fn.fullpage.moveSectionDown();
				$(this).css({"background":"url(img/nei1/heng_1.png)"});
				$(this).css({"background-size":"100% 100%"})
			});
			$(".nei1 input:nth-of-type(2),.nei1 input:nth-of-type(3),.nei1 input:nth-of-type(4)").click(function(){
				$(this).css({"background":"url(img/nei1/hang3.png)"});
				$(this).css({"background-size":"100% 100%"})
			});
			$(".nei2 input:nth-of-type(3)").click(function(){
				$.fn.fullpage.moveSectionDown();
				$(this).css({"background":"url(img/nei1/heng_1.png)"});
				$(this).css({"background-size":"100% 100%"})
			});
			$(".nei2 input:nth-of-type(2),.nei2 input:nth-of-type(1),.nei2 input:nth-of-type(4)").click(function(){
				$(this).css({"background":"url(img/nei1/hang3.png)"});
				$(this).css({"background-size":"100% 100%"})
			});
			$(".nei3 input:nth-of-type(2)").click(function(){
				$.fn.fullpage.moveTo(1);
				$(this).css({"background":"url(img/nei1/heng_1.png)"});
				$(this).css({"background-size":"100% 100%"})
			});
			$(".nei3 input:nth-of-type(3),.nei3 input:nth-of-type(1),.nei3 input:nth-of-type(4)").click(function(){
				$(this).css({"background":"url(img/nei1/hang3.png)"});
				$(this).css({"background-size":"100% 100%"})
			});
			
			
		});	
		
	</script>
	</head>
	<body>
		<div class="web">
			<div class="section index">
				<img src="img/index/logo.png"/>
				<img src="img/index/biaoti1.png"/>
				<img src="img/index/biaoti2.png"/>
				<img  src="img/index/biaoti3.png"/>
				<img src="img/index/biaoti4.png"/>
				<img src="img/index/yun.png"/>
				<img src="img/index/yun1.png"/>
				<img src="img/index/gaoguang.png"/>
				<img src="img/index/yun3.png"/>
				<img src="img/index/yueqiu.png"/>
				<img src="img/index/yun.png"/>
				<img src="img/index/yun1.png"/>
				<img src="img/index/ren.png"/>
				<img src="img/index/anniu.png"/>
				<img src="img/index/miyuezhuang.png"/>
				<img src="img/index/kanqizhi.png"/>
				<img src="img/index/shenmegui.png"/>
				<img src="img/index/taizifei.png"/>
			</div>
			<div class="section nei1">
				<span>1.请问图中位于中间的男孩的姓名是？</span>
				<img src="img/nei1/tf.png"/>
				<img src="img/index/yun.png"/>
				<img src="img/index/yun4.png"/>
				<img src="img/index/yun3.png"/>
				<img src="img/nei1/gou.png"/>
				<img src="img/nei1/yin_1.png"/>
				<img src="img/nei1/yin_2.png"/>
				<img src="img/nei1/yin_3.png"/>
				<img src="img/nei1/yin_4.png"/>
				<img src="img/nei1/yin_5.png"/>
				<input type="button"/>
				<input type="button"/>
				<input type="button"/>
				<input type="button"/>
				<span>A 王俊凯</span>
				<span>B 易烊千玺</span>
				<span>C 王源</span>
				<span>D 王凯</span>
				
			</div>
			<div class="section nei2">
				<img src="img/index/geci.png"/>
				<img src="img/index/li.png"/>
				<img src="img/index/yun.png"/>
				<img src="img/index/yun4.png"/>
				<img src="img/index/yun4.png"/>
				<img src="img/index/yun3.png"/>
				<img src="img/index/gou.png"/>
				<input type="button" />
				<input type="button" />
				<input type="button" />
				<input type="button" />
				<span>A 《Yogurt》</span>
				<span>B 《Salt》</span>
				<span>C 《Sugar》</span>
				<span>D 《Salad》</span>
				
			</div>
			<div class="section nei3">
				<img src="img/nei3/geci1.png"/>
				<img src="img/nei3/shabi.png"/>
				<img src="img/index/yun.png"/>
				<img src="img/index/yun3.png"/>
				<img src="img/nei3/gou2_03.png"/>
				<input type="button" />
				<input type="button" />
				<input type="button" />
				<input type="button" />
				<span>A 《新白娘子传奇》</span>
				<span>B 《当》</span>
				<span>C 《忐忑》</span>
				<span>D 《concerto Pour Deux Voix》</span>
			</div>
			<div class="section nei4">
				4444444444444
			</div>
		</div>
	</body>
</html>
